<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="alternate icon" class="js-site-favicon" type="image/png" href="images/favicon.png">

    <meta name="Keywords"
          content="输入法,纯形码,纯形输入法,形码输入法,宇浩,星陈,星陳,光华,光華,卿云,卿雲,宇浩输入法,宇浩·星陳输入法,宇浩·光華输入法,宇浩·卿雲输入法,宇浩码方案,宇浩码官方网站,宇浩输入法官方网站">
    <meta name="description" content="宇浩输入法 - 官方网站">

    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/common.css">
    <!--link rel="stylesheet" href="css/just-the-docs-default.css"-->

    <script src="js/static/jq.js"></script>
    <script src="js/index.js"></script>
    <script src="js/common.js"></script>

    <!-- 引入bootstrap.js模块 -->
    <script src="js/static/boot.js"></script>
    <link href="js/static/boot.css" rel="stylesheet">
    <title>宇浩输入法 - 官方网站</title>

    <style>
        @font-face {
            font-family: 'YuhaoSongti';
            src: url("fonts/YuhaoSongti.ttf");
            /*src: url("https://zhuyuhao.com/yuhao/fonts/YuhaoSongti.ttf");*/
        }

        .huh {
            font-family: YuhaoSongti, Consolas, Lucida Console, Helvetica, Arial, Times New Roman, Georgia, TumanPUA, Simsun, Simsum-ExtB, Simsun-ExtG, TH-Sung-TP2, TH-Sung-TP0, serif, sans-serif;
        }
    </style>
</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
                <img alt="Brand" src="images/brand.png" class="my-brand">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav module-left">
                <li><a href="index.html" class="selected">首页 </a></li>
                <li><a href="study.html">新手指南</a></li>
                <li>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">
                        练习程序<span class="caret"></span>
                        <ul class="dropdown-menu">

                            <li><a href="practice_light.html">光华字根进阶练习</a></li>
                            <li><a href="practice_star.html">星陈字根入门练习</a></li>
                            <li><a href="practice_toy.html">卿云字根进阶练习</a></li>

                            <!--
                            <li><a href="practisePro.html">必拆字练习</a></li>
                            <li><a href="freePractise.html">自由练习</a></li>
							-->

                            <!-- <li role="separator" class="divider"></li> -->
                        </ul>
                </li>
                <li><a href="search.html">拆分查询<span class="sr-only"></span></a></li>

                <li><a href="download.html">下载安装<span class="sr-only"></span></a></li>
                <!--li><a href="tools.html">实用工具<span class="sr-only"></span></a></li-->

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">
                        加入组织<span class="caret"></span></a>
                    <ul class="dropdown-menu">

                        <li><a href="https://jq.qq.com/?_wv=1027&k=2OYDP4Tk">宇浩官方群</a></li>
                        <li><a href="https://t.me/yuhaoim">Telegram群</a></li>
                        <li><a href="https://github.com/forFudan/yuhao/">Gihub官方仓库</a></li>

                        <!-- <li role="separator" class="divider"></li> -->
                    </ul>
                </li>
                <li><a href="https://kylebing.cn/tools/typepad/">玫枫跟打<span class="sr-only"></span></a></li>


            </ul>
            <ul class="nav navbar-nav navbar-right module-right logbtn-box">
                <li><a href="login.html" class="login-btn brand-btn">登录</a></li>
                <li><a href="register.html" class="sign_up-btn brand-btn">注册</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right module-right hidden">
                <li class="hello"><span><span id="loginTime"></span>，<span id="uname"></span><span><a href="#"
                                                                                                      id="logout"> 注销</a></span></span>
                </li>

            </ul>
        </div><!-- "collapse navbar-collapse" -->

    </div><!-- "container" -->
</nav>


<div class="main-content">

    <div class="paragraph01">
        <div class="container">
            <div class="row"></div>
            <div class="row">

                <div class="col-md-3"></div>

                <div class="col-md-6 info col-xs-12">
                    <div class="title">
                        <div class="big-title">
                            <span class="yuhao-color">宇浩</span>输入法
                        </div>
                        <div class="text">
                            曾几何时，<br>你也曾穷经皓首，燃青灯，夜未眠；<br>你也曾以笔为剑，墨为锋，逐光年。<br>一门三杰，理念超前，简繁通打，宇浩为创作而生。<br>学海无涯，书山有路，百川赴海，梦想让我们出发！
                        </div>
                        <button class="begin-btn login-btn brand-btn">开始学习</button>
                    </div>
                </div>

                <div class="col-md-3"></div>

            </div>
        </div>
    </div>

    <div class="paragraph02">
        <div class="container">
            <div class="row">
                <div class="col-md-1"></div>

                <!-- content-->
                <div class="col-md-10 bg-white primary-shadow">
                    <div class="lg-tag">宇浩输入法简介</div>
                    <div class="primary-text pd-20 " style="text-indent: 20px;">
                        <p>宇浩输入法一门三杰，目前有三套并行方案，设计理念一致，单字拆分统一，字根分布不同。</p>

                        <ol class="mr-20 optimization">
                            <li>
                                <p class="sm-text"><b>「光華」</b>>采用了字根首笔分区排布模式（类似五笔、真码）。依据字根第一笔的笔画，分布在横竖撇捺折五区中。其中横区6键，竖区5键，撇区6键，捺区4键，折区4键，共25个键位。方案名取自《尚書大傳》之「日月光華，旦復旦兮」。
                                </p>
                            </li>

                            <li>
                                <p class="sm-text"><b>「星陳」</b>采用了字根聚类同键排布模式（类似郑码、徐码）。字形相似的字根会被聚拢在一道，排布在25个键位上。方案名取自《尚書大傳》之「明明上天，爛然星陳」。
                                </p>
                            </li>

                            <li>
                                <p class="sm-text"><b>「卿雲」</b>采用了字根乱序方案（类似蓝宝石、虎码）。主码乱序排列，小码采用音托。主根排布在25个键位上，乱中有序，左右互击，强调打感。方案名取自《尚書大傳》之「卿雲爛兮，糺縵縵兮」。
                                </p>
                            </li>
                        </ol>

                        <br>

                        <b>三套方案的区别，可参见以下表格。</b>
                        <br><br>
                        <div class="table-wrapper">
                            <table>
                                <thead>
                                <tr>
                                    <th style="text-align: left"><b>特点</b></th>
                                    <th style="text-align: left"><b>光華</b></th>
                                    <th style="text-align: left"><b>星陳</b></th>
                                    <th style="text-align: left"><b>卿雲</b></th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td style="text-align: left">使用最新版本宇浩拆分</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">繁简通打低极选重率 (&lt;0.2%)</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">字根字重复小码</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">🔘</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">两根字取首根小码</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">🔘</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">大码使用 Z 键</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">🔘</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">小码使用 Z 键</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">相似字形字根同分区聚类</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">🔘</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">相似字形字根同大码聚类</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">🔘</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">小码 &gt;85% 使用拼音首字母</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">小码 &gt;99% 使用拼音首字母</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">双手互击率 &gt;60%</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">严格优化键位分布</td>
                                    <td style="text-align: left">🔘</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">Z 键反查</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                    <td style="text-align: left">☑️</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">简体速度当量</td>
                                    <td style="text-align: left">1.3224</td>
                                    <td style="text-align: left">1.3017</td>
                                    <td style="text-align: left">1.2664</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">繁体速度当量</td>
                                    <td style="text-align: left">1.3347</td>
                                    <td style="text-align: left">1.3058</td>
                                    <td style="text-align: left">1.2588</td>
                                </tr>
                                <tr>
                                    <td style="text-align: left">繁简速度当量</td>
                                    <td style="text-align: left">1.3286</td>
                                    <td style="text-align: left">1.3038</td>
                                    <td style="text-align: left">1.2626</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>


                        <!--p>字根双编码：主码乱序排列；小码采用音托。同源字根归并后，一共有241个字根。大部分形近字根位于同一按键，易记忆；字根大，拆分简单，并且重码低。</p-->
                        <img src="./pngs/yulight_v3.4.2.png" class="cepk" alt="宇浩·光華字根图"><br>
                        <!--p>光華的单字性能相当优秀，手感极佳，简体速度当量为1.3224，繁体速度当量为1.3347，繁简速度当量为1.3286。</p-->
                        <br><br>

                        <img src="./pngs/yustar_v3.4.2.png" class="cepk" alt="宇浩·星陳字根图"><br>
                        <!--p>星陳的单字性能相当优秀，手感极佳，简体速度当量为1.3017，繁体速度当量为1.3058，繁简速度当量为1.3038。</p-->
                        <br><br>

                        <img src="./pngs/yujoy_v3.4.2.png" class="cepk" alt="宇浩·卿雲字根图">
                        <br><br>
                        <!--p>卿雲的单字性能相当优秀，手感极佳，简体速度当量为1.2664，繁体速度当量为1.2588，繁简速度当量为1.2626。</p-->


                        <b>动静低重</b>
                        <ol class="mr-20 optimization">
                            <blockquote>
                                宇浩输入法支持繁简通打，并不代表它牺牲了只打简体或只打繁体的性能。宇浩输入法适合只输入简体，也是当前市面上最优秀的繁体输入法之一。它在简体、繁体文本下的表现分别有多好呢？不妨看一看下面的数据：
                            </blockquote>

                            <li><p>简体文本：常用 1500 字全码无重3。常用 3000 字，全码 10 组重码，出简后无重码。常用 4500
                                字，全码 55 组重码，出简后 2 组重码。常用 6000 字，全码 117 组重码，出简后 14
                                组重码。字频加权后，全码下每万字选重 5 次。</p></li>

                            <li><p>繁体文本：常用 1500 字，全码 1 组重码，出简后无重。常用 3000 字，全码 24 组重码，出简后 4
                                组重码。常用 4500 字，全码 92 组重码，出简后 13 组重码。常用 5700 字，全码 152 组重码，出简后
                                36 组重码。字频加权后，全码下每万字选重 15 次。</p></li>

                            <li><p>繁简混合文本4：前 1500 字，全码 3 组重码，出简后无重。前 3000 字，全码 13 组重码，出简后 3
                                组重码。前 6000 字，全码 131 组重码，出简后 16 组重码。前 9000 字，全码 365 组重码，出简后 92
                                组重码。字频加权后，全码下每万字选重 17 次。</p></li>

                            <p>宇浩输入法只使用了25个按键，四码编码空间只有26键输入法的85.5%，但是繁简字选重率却做到了最低。</p>

                        </ol>
                        
                        <!--
                        <img src="./pngs/cepb.jpg" class="cepk" alt="测评图片">
                        <br><br>
                        <p>虎码的词组重码率几乎与092五笔相等。远低于五笔86。同样的6万标准词库，双拼约1.8万组重码，五笔86、98、新世纪约1.3万组重码，而虎码约为6200组重码。其余信息可查看<a
                                target="_blank" href="https://tiger-code.com/guide">详细介绍。</a></p>
                        <img src="./pngs/cizucepb.jpg" alt="测评图片" class="cepk">
                        -->
                    </div>


                    <div class="lg-tag">基本特点</div>
                    <p>宇浩输入法是纯字形输入法，通过输入汉字的部首和笔画来输入汉字，而不依赖具体的汉字读音。宇浩输入法具有以下的优点：</p>
                    <ul class="mg-20 yzui">
                        <li>
                            <blockquote>选重率极低</blockquote>
                            <p class="sm-text">字频率加权选重率极低，为业内顶尖水平，适合盲打。</p>
                        </li>

                        <li>
                            <blockquote>码位分离</blockquote>
                            <p class="sm-text">繁简字码位分离，繁简混合文本也极少选重。例如：<简><簡>不同碼。</p>
                        </li>

                        <li>
                            <blockquote>三套標準</blockquote>
                            <p class="sm-text">字形兼容大陆通规、大陆古籍通规1、臺灣正體三套標準。</p>
                        </li>

                        <li>
                            <blockquote>覆盖CJK全字集</blockquote>
                            <p class="sm-text">全面覆盖 CJK 全字集 99000 多个汉字和部首（更新至 CJK 扩 I 区），生僻字一网打尽。</p>
                        </li>

                        <li>
                            <blockquote>检字方便</blockquote>
                            <p class="sm-text">检字方便，翻页少。全字集候选项最多的码位DLYF上只有16个候选字。</p>
                        </li>

                        <li>
                            <blockquote>字根规律排布</blockquote>
                            <p class="sm-text">字根在键盘上呈规律排布，摒除乱序排布，便于理解学习。</p>
                        </li>

                        <li>
                            <blockquote>大字根</blockquote>
                            <p class="sm-text">采用大字根、拆法直观，不会将汉字拆得零碎。</p>
                        </li>

                        <li>
                            <blockquote>字根双编码</blockquote>
                            <p class="sm-text">字根为双编码，不分主副根，没有结构码。</p>
                        </li>

                        <li>
                            <blockquote>编码一致</blockquote>
                            <p class="sm-text">拆分时取一、二、三、末字根。全简编码一致、字词编码一致。</p>
                        </li>

                        <li>
                            <blockquote>拆字规范</blockquote>
                            <p class="sm-text">拆字规范，规则优先级明确，兼顾「逻辑性」和「直观性」。追求一字一拆、无歧义。</p>
                        </li>

                        <li>
                            <blockquote>大码25键</blockquote>
                            <p class="sm-text">兼顾手感，大码只使用25键。星陳与卿云方案双手互击率超过60%。</p>
                        </li>
                        
                        <li>
                            <blockquote>繁简通打</blockquote>
                        </li>
                        <li>
                            <blockquote>动静低重</blockquote>
                        </li>
                        <li>
                            <blockquote>字根聚类</blockquote>
                        </li>
                        <li>
                            <blockquote>兼顾手感</blockquote>
                        </li>
                    </ul>

                    <!--
                    <div class="lg-tag">繁简通打</div>
                    <ol class="mr-20 optimization">
                        <li class="sm-text">1. 虎码针对常用单字高度优化： 前1500字全码无重。前3000字全码只有10组重码。前3000字出简后，只有1组重码。</li>
                        <li class="sm-text">2. 同源字根的变体归并为同一双编码：如人亻，水氵，火灬，心忄，示礻。</li>
                        <li class="sm-text">3. 形近字根，归并为同一主码：如广厂，已己巳，未耒，象兔龟鱼，艹廿卅卌，彐聿肀，卵卯。</li>
                        <li class="sm-text">4. 近义字根，归并为同一主码：如行走足，牙齿。</li>
                        <li class="sm-text">5. 低频字根，根据首部件，归并到高频字根上，以防因使用率过低而忘记：如鹿广，黾口。</li>
                        <li class="sm-text">6. 不成字的字根，归并到形近的成字字根上：如 <span class="huh">𠂇</span>, 十，癶八。</li>
                        <li class="sm-text">7. 字根的归并，不仅能减小记忆量，并且不必过于纠缠于字形、笔划细节，大幅减小使用时的思维负担。</li>
                    </ol>

                    <div class="lg-tag">发展历程</div>
                    <div class="sm-text mr-20">
                        <p href="inter">作者中学接触电脑前，就用文曲星自学了五笔86以及BASIC语言，后来又自学了英文盲打，从此与键盘和代码结下不解之缘。</p>
                        <p>大学就读于上海交大，研究生期间专攻芯片软件的算法优化。</p>
                        <p>对中文输入法兴趣甚浓，长期浸泡在《五笔爱好者论坛》《北大中文论坛》等社区。</p>
                        <p>五笔86使用了十几年，想要更进一步。学习了五笔98、新世纪、牛码，觉得变化不大。于是放眼五笔体系之外，学习了双拼、山人全息码、郑码、真码……最终了解到了蓝宝石输入法——一个极少选重的高级形码。既然决心转码，何不转向最高级的形码。</p>
                        <p>加入蓝宝石Q群以后，发现群文件“形码设计师”。这是蓝宝石作者“秋风”写的软件，一个通过随机算法排布字根键位，以优化重码的软件。在秋风的指引下，开始进行乱序字根排布算法的研究，自此一发不可收拾。</p>
                        <p>我坚信，毫无方向的随机搜索算法，并不能带来质的突破，应该有更加“数学”的解法。一次泡澡过程中，灵光一闪，迫不及待地起身开电脑编写一通算法，其运行速度、以及优化结果大幅超越现有的随机算法。欣喜地向秋风分享了算法。</p>
                        <p>一个月后，秋风向我分享了对算法的改进思路。果然，技术是在分享与交流中不断进步。改进过后算法，在“乱序字根排布”这个小小的领域的顶峰，更上一层楼。</p>
                        <p>首先是完成“猫码”——双编字根三码定长字根方案。其GB字集全码重码组数为500组，已经是三码方案能达到的顶尖水准了（改进版的“鼠码”更是降到了470组）。此单字重码性能已接近四码的小鹤音形，达到实用的级别了。</p>
                        <p>但因为“猫码”采用的是字根无理双编码，难度过高，难记，提速慢。用户短暂试用过后都放弃了。</p>
                        <br>
                        <p>于是又参照真码的思路，制作了“健康码”，寓意是大家都健健康康，永远绿码。</p>
                        <p>健康码大码乱序，小码音托，学习难度小了很多。但纯单码长很长，取码分主副本，规则略复杂。</p>
                        <p>期间也改写算法，帮忙生成了新纪元、逸码。</p>
                        <p>期间还对山人全息码试着整键重排，改造成传统的四码定长字词方案，命名“天山输入法”，收获用户若干。</p>
                        <p>因为这类方案的模式传承自五笔，得到过长期的验证，接受度更高</p>
                        <p>但天山局限于字根按义归类到同键位，重码性能并不突出。并且需要补F、补回头码来保持单字简码的低重，有一定难度。词重码也不太尽人意。</p>
                        <p>一系列方案的制作中，作者渐渐明白，新时代的输入法方案，要提供给用户的核心价值是“易学、易用、高性能”。“易用”是其中的关键，其它两者都是服务于“易用”。</p>
                        <p>易学不等于易用，很多方案易学，但把成本转嫁到了后续的使用中，例如“音码易学，但重码高”，“某方案字根少，但拆分细碎”。</p>
                        <p>高性能也不等于易用，庞大的记忆量难维持，复杂的规则费脑。</p>
                        <br>
                        <p class="hev">作者决定制作一款全新的方案，抛弃天山的字根按义归类，而是字根全乱序排布。</p>
                        <p>因为字根已经乱序排布了，为了保证易用，它要有最直观的字根拆分，最简单的取码规则，字根小码还要采用音托来减少记忆量和学习难度。虽然这与高性能天然矛盾，但只要字根大码是乱序排布的，算法就有发挥的空间，力大砖飞。</p>
                        <p>唯一的难点，只剩字根的记忆了。但字根记忆的问题，已经被之前编写的字根记忆软件解决了，效果出奇的好。</p>
                        <p>方向确定后，命名为 <span class="yuhao-color">“虎码”</span> ——即“猫码”的升级版。</p>
                        <p>虎码的字根体系，参考了作者使用过、制作过的多个方案。这套字根，极其直观，保留了字源字义，同源形近字根作了的大规模归并，并且绝大部分都能单独成字，有读音，有字义。</p>
                        <p>此时的算法已完成了深度的进化——多线程、位运算的加持，使其运行速度有了数量级的提升——原来几小时完成的运算，现在只需要几十秒。</p>
                        <p>每添加、删除一个字根，都对结果进行了重算与评估。</p>
                        <p>确定了字根选取后，进行了连续三天的挂机运算。从上万个结果里挑出最好的几个，接力传统的退火算法，再挑出最好的那个。</p>
                        <p class="hev">虎码将字根设计经验，以及算法性能发挥到了极致。</p>
                        <p>一个打字爱好者、精通算法优化、热爱折腾各种输入法，又有幸遇到合适的领路人，触发了灵感，分享与交流算法，不断开发方案与积累经验……中间任何一环不按剧本走，这个世界线上都不会有虎码，这就是奇妙的缘分吧。</p>
                        <p>原本只想小范围使用，后来遇到了<span class="hev">秃秃、浪子、小随风、小黑子</span>
                            等人，他们极为热情地帮忙维护与推广虎码，用户群体不断壮大。因此你才读到了这篇文章，这又何尝不是一种缘份？
                        </p>
                        <br>
                    </div>
                    -->
                    
                </div>
                <!-- content-->

                <div class="col-md-1"></div>
            </div>

            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-8 bg-white ">
                </div>
            </div>

        </div>
    </div>

    <!-- animated -->
    <!--
    <div class="cart hidden visible-lg">
        <div class="f1 f"></div>
        <div class="f2 f"></div>
        <div class="f3 f"></div>
        <div class="f4 f"></div>
        <div class="bang"></div>
        <div class="btn-box primary-shadow">
            <button class="add animated flip">+</button>

            <button class="sub animated flip">-</button>
        </div>
    </div>
    -->

</div>


<div class="footer hidden visible-lg">
    <div class="row">
        <div class="col-xs-12 col-md-4">
            <img src="images/brand.png" alt="HelloWorld" class="my-brand1">
            <p class="footer-title1">宇浩输入法 </p>
        </div>

        <div class="col-xs-12 col-md-4">
            <ul class="rec-list flex-col">
                <li><span class="footer-title">友情链接</span></li>
                <li><a href="https://rime.im/">Rime输入法引擎</a></li>
                <li><a href="https://www.jsxiaoshi.com/">极速打字网</a></li>
                <li><a href="http://xumax.cn/">徐码输入法</a></li>
                <li><a href="http://cjhk.org/">仓颉输入法</a></li>
            </ul>
        </div>

        <div class="col-xs-12 col-md-4">
            <ul class="about-list flex-col">
                <li><span class="footer-title">关于</span></li>
                <li><a href="#">关于宇浩码</a></li>
                <li><a href="#">关于作者</a></li>
            </ul>
        </div>

    </div>
</div>

<!--
<script>
    let speed = 3.0
    $('.add').click(function () {
        if (speed < 0) {
            speed = 9
        }
        if (speed <= 0.4 && speed > 0.011) {
            speed -= 0.01
            $('.f').css('animation-duration', speed + 's')
            console.log(speed)
            return
        }
        if (speed > 1) {
            speed -= 0.5
            $('.f').css('animation-duration', speed + 's')
            console.log(speed)
            return
        }
        if (speed > 0.101) {
            speed -= 0.1

            // $('.f').css('animation', 'none')
            $('.f').css('animation-duration', speed + 's')
            $('.add').css("background-color", '#0393b0')
        }
        console.log(speed)
        setTimeout(function () {
            $('.add').css("background-color", '#05a6f0')
        }, 100)

    })
    $('.sub').click(function () {
        if (speed < 10 && speed >= 1) {
            speed += 0.5
        }
        if (speed >= 10) {
            speed = -1
        }
        if (speed < 1) {
            speed += 0.1
        }

        $('.sub').css("background-color", '#609a03')
        $('.f').css('animation', 'f-top ' + speed + 's infinite linear')
        console.log(speed)
        setTimeout(function () {
            $('.sub').css("background-color", '#81bc06')
        }, 100)
    })
</script>
-->

</body>

</html>
